* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}

li {
    list-style: none;
}
@color:red;
//头部
#top {
    width: 100%;
    height: 30px;
    color: #818181;
    background: #F7F7F7;
    line-height: 30px;
    ul {
        li:hover{
            color: @color;
        }
        .shu{
            float: right;
            margin-right: 10px;
        }
        .myshop {
            margin-right: 10px;
        }
        .yijian {
            margin-right: 0;
        }
        .qczj {
            float: left;
        }
        .guanzhu {
            margin-right: 10px;
        }
        width: 1170px;
        height: 30px;
        margin: 0 auto;
        li {
            font-size: 12px;
            line-height: 30px;
            float: right;
            margin-right: 10px;
        }
    }
}
//头部结束
//大盒子    
#box {
    margin: 0 auto;
    width: 1170px;
//  左侧分类
    .brand{
        float: left;
        width: 240px;
        height: 440px;
        #brand_2{
            width: 240px;
            height: 219px;
            border: 1px solid #E7E7E7;
            border-top: none;
        }
        .brand_1:hover .pinpai_hidden{
            display: block;
        }
        .brand_1{
            width: 240px;
            height: 219px;
            border: 1px solid #E7E7E7;
            border-top: none;
            
            ul{
                width: 218px;
                height: 72px;
                padding-left: 12px;
                .jili{
                    width: 56px;
                    height: 28px;
                }
                li:hover{
                    color:@color ;
                }
                li{
                    width: 28px;
                    height: 28px;
                    float: left;
                    font-weight: 400;
                    font-size: 14px;
                    margin-right: 16px;
                    color: #000000;
                }
            }
            #jibie{
                li{
                    width: 56px;
                    height: 28px;
                }
                }  
            #fanwei{
                
                li{
                    width: 56px;
                    height: 28px;
                }              
            }
            .pinpai{
                width: 218px;
                height: 43px;
                padding-left: 12px;
                padding-top: 58px;
                //  品牌二级菜单
                .pinpai_hidden{
                    position: absolute;
                    display: none;
                    left: 330px;
                    top: 138px;
                    width: 930px;
                    z-index: 10;
            
                    .hidden_left{
                        width: 513px;
                        background: white;
                        float: left;
                        dl{
                            padding: 10px;
                            float: left;
                            dd{
                                width: 204px;
                                float: left;
                             
                                a{
                                    font-size: 12px;
                                    font-weight: 400;
                                    line-height: 1; 
                                    width: 68px;
                                    float: left;
                                    margin-bottom: 14px;
                                    }   
                            }
                           dt{
                            float: left;
                            width: 52px;
                            font-size: 14px;
                            color: #fd8800;
                            font-weight: 700;
                            text-align: center;
                            } 
                        }
                        
                        
                        
                    }
                    .hidden_right{
                        width: 339px;
                        height: 427px;
                        background: yellow;
                        float: left;
                    }
                }
                i{                 
                    width: 7px;
                    height: 13px;
                    margin-left: 150px;
                    line-height: 13px;
                    color: #666666;
                    font: 600 18px/18px simsun;
                }
                a{
                    color: #000;
                    font-size: 18px;
                    font-weight: 700;
                }
            }
        }
    }

//  轮播图
    #box-lun{
        float: left;
        width: 930px;
        height: 440px;

        position: relative;

        overflow: hidden;
        #father{
            width: 5580px;
            height: 440px;
            position: absolute;
            left: 0px;
            top: 0px;
            img{
                float: left;
            
            }
        }
        ul{
            width: 250px;
            height: 18px;
            position: absolute;
            bottom: 10px;
            left: 120px;
            li:nth-child(1){
                background: red;
            }
            li{
                float: left;
                list-style-type:disc;
                width: 18px;height: 18px;
                border-radius: 50%;
                float: left;
                margin-right: 30px;
                background: #3e3e3e;
                list-style: none;
                cursor: pointer;
            }
        }
        
    }
    
//  分类导航
    #category{
        width: 1170px;
        height: 40px;
        margin-top: 10px;
        
        ul{
            width: 1170px;
            height: 40px;
            background: #344156;
            .first{
                width: 228px;

                padding-left: 12px;
                background-color: rgb(234, 60, 31);
            }
            .second{
                width: 108px;

                text-align: center;
            }
            .three{
                width: 124px;

                text-align: center;
            }
            .four{
                width: 140px;
                text-align: center;
            }
            li:hover{
                background: #748299;
            }
            li{
                float: left;
                color: white;
                font-size: 16px;
                font-weight: 700;
                line-height: 40px;
            }
        }
    }
//  导航结束
//  搜索开始
    #search {
        .gouwu{
            width: 141px;
            height: 36px;
            background: #F9F9F9;
            float: left;
            text-align: center;
            line-height: 36px;
            margin-top: 8px;
            margin-left: 130px;
            font-size: 12px;
            color: #666666;
            border: 1px solid #DFDFDF;
            .shuzi{
                width: 16px;
                height: 14px;
                border-radius: 7px 7px 7px 0;
                background: #c81623;
                margin-left: -34px;
                position: absolute;
                top: 48px;
                left: 1142px;
                line-height: 14px;
                color: white;
                font-style: normal;
                text-align: center;
            }
            .dayu{
                position: absolute;
                top: 58px;
                left: 1009px;
                width: 7px;
                height: 13px;
                margin-left: 123px;
                line-height: 13px;
                color: #666666;
                font: 400 13px/13px simsun;
            }
            .gw_tp{
                top: 56px;
                left: 1010px;
                position: absolute;
                /* border: 1px solid red; */
                width: 18px;
                height: 16px;
                background: url(../imgs/jd2015img.png) 0 -58px no-repeat;
            }
        }
        .tupian{
            float: left;
        }
        #search_in{
                .sousuo{
    
                    width: 90px;
                    height: 34px;
                    line-height: 33px;
                    display: inline-block;
                    background-color: #ea3c1f;
                    font-size: 16px;
                    color: white;
                    text-align: center;
                    margin-top: 2px;
                }
                input{
                    width: 248px;
                    height: 31px;
                    border: solid 2px #EA3C1F;
                }
                float: left;
                margin-left: 120px;
                line-height: 50px;
                
            }
        margin-top: 8px;
        width: 1170px;
        height: 50px;
    }
//  搜索结束
//热销一口价
    .rexiao{
        width: 1170px;
        height: 44px;
//      background: red;
        position: absolute;
        top: 610px;
        line-height: 60px;
        span{
            font-size: 16px;
            color: #989898;
            margin-left: 14px;
        }
        a:hover{
            background-color: #EDEDED;
            color: @color;
        }
        a{
            i{
                color: @color;
                font: 500 15px/15px simsun;
            }
            background-color: #fff;
            position: absolute;
            right: 0;
            top: 0;
            display: inline-block;
            font-size: 16px;
            border: 1px solid #dedede;
            color: #171717;
            width: 148px;
            height: 42px;
            line-height: 42px;
            text-align: center;
        }
        b{
            font-size: 30px;
            color: #000000;
            font-weight: 400;
            font-family: "微软雅黑";

        }
    }
    #list{
        position: absolute;
        top: 665px;
        width: 1170px;
        border-left:1px solid #dedede;

        ul{
            width: 1169px;

            border: 1px solid #dedede;
            border-top: none;

            li{
                position: relative;
                width: 291px;
                height: 349px;
                border: 1px solid #dedede;
                border-left: none;
                border-top: none;

                 
//              background: yellow;
                float: left;
                .carbox-producttype{
                    font-size: 12px;
                    height: 20px;
                    line-height: 20px;
                    padding: 0 6px;
                    background-color: #e4393c;
                    color: white;
                    margin-top: 11px;
                    display: inline-block;
                }
                .carbox-number{
                    margin-top: 10px;
                    color: #999;
                    font-size: 12px;
                }
                .carbox-tip{
                        font-size: 12px;
                        line-height: 1.2;
                        color: #ff8926;
                        margin-top: 10px;
                        position: relative;
                        z-index: 2;
                        height: 14px;
                        overflow: hidden;
                }
                p{
                    overflow: hidden;
                    margin-top: 8px;
                    font-size: 12px;
                    color: #171717;
                }
                span{
                    color: red;
                }
                em{
                    display: inline-block;
                    font-size: 16px;
                    font-weight: 500;
                    font-style: normal;
                    margin-left: -245px;
                    color: #da2a2d;
                }
                img{
                    display: inline;
                    margin-left: 33px;
                    margin-top: 10px;
                }
                .carbox-type { 
                    width: 36px;
                    height: 30px;
                     position: absolute;
                     z-index: 3;
                     top: 5px;
                     left: 250px;
                     background: url("../imgs/icon-type-new-f09bc.png") 1px -40px no-repeat;                  
                }       
            }
        }
    }
    .gengduo:hover{
        background-color: #ededed;
        color: #da2a2d;
    }
    .gengduo{
        position: absolute;
        top: 1730px;
        width: 1170px;
        height: 82px;
        border: 1px solid #e7e7e7;
        line-height: 80px;   
        text-align: center; 
        font-size: 16px;   
        color: #171717; 
    }
    //热卖抵消卷
    .remai{
        width: 1170px;
        height: 44px;
//      background: red;
        position: absolute;
        top: 1840px;
        line-height: 60px;
        span{
            font-size: 16px;
            color: #989898;
            margin-left: 14px;
        }
        a:hover{
            background-color: #EDEDED;
            color: @color;
        }
        a{
            i{
                color: @color;
                font: 500 15px/15px simsun;
            }
            background-color: #fff;
            position: absolute;
            right: 0;
            top: 0;
            display: inline-block;
            font-size: 16px;
            border: 1px solid #dedede;
            color: #171717;
            width: 148px;
            height: 42px;
            line-height: 42px;
            text-align: center;
        }
        b{
            font-size: 30px;
            color: #000000;
            font-weight: 400;
            font-family: "微软雅黑";

        }
    }
    #list-remai{
        position: absolute;
        top: 1910px;
        width: 1170px;
        border-left:1px solid #dedede;

        ul{
            width: 1169px;

            border: 1px solid #dedede;
            border-top: none;

            li{
                position: relative;
                width: 291px;
                height: 349px;
                border: 1px solid #dedede;
                border-left: none;
                border-top: none;

                 
//              background: yellow;
                float: left;
                .carbox-producttype{
                    font-size: 12px;
                    height: 20px;
                    line-height: 20px;
                    padding: 0 6px;
                    background-color: #e4393c;
                    color: white;
                    margin-top: 11px;
                    display: inline-block;
                }
                .carbox-number{
                    margin-top: 10px;
                    color: #999;
                    font-size: 12px;
                }
                .carbox-tip{
                        font-size: 12px;
                        line-height: 1.2;
                        color: #ff8926;
                        margin-top: 10px;
                        position: relative;
                        z-index: 2;
                        height: 14px;
                        overflow: hidden;
                }
                p{
                    overflow: hidden;
                    margin-top: 8px;
                    font-size: 12px;
                    color: #171717;
                }
                span{
                    color: red;
                }
                em{
                    display: inline-block;
                    font-size: 16px;
                    font-weight: 500;
                    font-style: normal;
                    margin-left: -245px;
                    color: #da2a2d;
                }
                img{
                    display: inline;
                    margin-left: 33px;
                    margin-top: 10px;
                }
                .carbox-type { 
                    width: 36px;
                    height: 30px;
                     position: absolute;
                     z-index: 3;
                     top: 5px;
                     left: 250px;
                     background: url("../imgs/icon-type-new-f09bc.png") 1px -40px no-repeat;                  
                }       
            }
        }
    }
    .gengduo-dikou:hover{
        background-color: #ededed;
        color: #da2a2d;
    }
    .gengduo-dikou{
        position: absolute;
        top: 2980px;
        width: 1170px;
        height: 82px;
        border: 1px solid #e7e7e7;
        line-height: 80px;   
        text-align: center; 
        font-size: 16px;   
        color: #171717; 
    } 
}
//版权
#banquan{
    span{
        font: 14px/1 Arial,"Microsoft YaHei","\5B8B\4F53",arial,tahoma,sans-serif;
        
        line-height: 50px;  
        color: #fff;  
        font-size: 12px;   
    



              
    }
    width: 1349px;
    height: 50px;
    background: #272d3c;
    position: absolute;
    top: 3464px;
    text-align: center;
}
//底部
#footer{
    #footer1{
        .footer_wx{
            img{
                margin-top: 70px;
                margin-left: 250px;
            }
        }
        .footer-chengnuo{
            ul{
                margin-top: 32px;
                li{
                    font-size: 12px;                 
                    margin-top: 20px;
                    color: #9eb0dc;
                }
            }
            p{
            color: #fff;
            }
            float: left;
            width: 168px;
            height: 172px;

            margin-top: 69px;
            
        }
        .footer-title{
            ul{
                margin-top: 32px;
                li{
                    font-size: 12px;                 
                    margin-top: 20px;
                    color: #9eb0dc;
                }
            }
            p{
            color: #fff;
            }
            float: left;
            width: 168px;
            height: 172px;

            margin-top: 69px;
            
        }
        .footer-link{
            ul{
                margin-top: 32px;
                li{
                    font-size: 12px; 
                    margin-top: 20px;
                    color: #9eb0dc;
                }
            }
            p{
            color: #fff;
            }
            float: left;
            width: 168px;
            height: 172px;
            margin-left: 270px;
            margin-top: 69px;
            
        }
        .footer-line{
            position: absolute;
            left: 310px;
            top: 50%;
            margin-top: -97px;
            height: 194px;
            display: block;
            border-left: 1px solid #465270;
        }
        .footer_logo{
            width: 234px;
            padding: 30px;
            position: absolute;
            top: 43%;
            margin-top: -40px;
            margin-left: 476px;
        }
        width: 1170px;
        height: 250px;
        margin: 0 auto;
    }
    width: 1349px;
    height: 200px;
    background: #2B3243;
    position: relative;
    float: left;
    
}
